<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1" width="100%">
        <tr>
          <th>Local video</th>
          <th>'Remote' video</th>
        </tr>
        <tr id="copy_table">
          <td><video id="localVideo" muted></video></td>
          <td>
            <video id="0" muted></video>
            <video id="1" muted></video>
            <video id="2" muted></video>
            <video id="3" muted></video>
          </td>
        </tr>
        <tr>
            <td align="center">
              <div>
                <span>RoomId:</span>
                <input type="text" id="roomId">
                <button id="enterRoom" onclick="EnterRoom()">EnterRoom</button>
                <button id="Left">Hang Up</button>
              </div>
            </td>
            <td><!-- void --></td>
          </tr>
    </table>
</body>
<script src="js/simple_rtc_03.js"></script>
</html>